/* 
    Created on : 11-abr-2012, 23:46:37
    Author     : Héctor <UFG>
*/

body {
    margin: 0;
    padding: 0;
    line-height: 1.7em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    background: url("../../images/bodyBg.png") repeat center top;

}

a:link, a:visited { color: #9f1a04; text-decoration: none; font-weight: normal; } 
a:active, a:hover { color: #0066FF; text-decoration: underline; }

p { margin: 0px; padding: 0px; }

img { margin: 0px; padding: 0px; border: none; }


/* Layout style */

#top {
    height: 190px;
    position: relative;
    padding: 5px;
    margin: 0 auto;
    background: url("../../images/topBg.png") repeat-x center top;
}

#top-inner {
    width: 854px;
    height: 190px;
    position: relative;
    padding: 0;
    margin: 0 auto;
}
#top-inner #header {
    width: 854px;
    height: 151px;
    padding: 0;
    background: url("../../images/top-innerBg.png") no-repeat center top;
}
#top-menu {
    z-index: 99;
    width: 300px;
    padding-left: 125px;
}

#top-menu .megaMenu {
    width: 300px;
    height: 28px;
    border:none;
    background: url("../../images/topmenuliBg.png") repeat-x center top;
}
#top-menu .megaMenu ul {
    background: url("../../images/adminmenuBg.jpg") no-repeat center top;
}
#top-menu .megaMenu ul a {
    font-weight: bold;
}
#top-menu ul {
/*        margin: 0 auto;
        text-transform: uppercase;
        display: inline;
        font-family: sans-serif;
        padding: 0;
    */
}
#top-menu ul li {
/*        padding: 10px;
        width: auto;
        float: left;
        display: block;
        height: 23px;
        list-style: none;
        background: url("../../images/topmenuliBg.png") repeat-x center;
    */
}
#top-menu ul li:hover {
    /*    background: url("../../images/topmenuliBg-hover.png") repeat-x center;*/
}
#top a:link, #top a:visited {
    width: auto;
    height: 12px;
    padding: 4px;
    color: #303030;
}
#top a:link:hover, #top a:visited:hover {color: black; text-decoration : none;}

/* End of top */
.panel {
    margin: 0 auto;
    background: transparent;
}
.content {
    margin: 0 auto;
    width: 854px;
    height: auto;
    padding: 0;
}
/* index */
#index-content {
    margin: 5px auto;
    width: 600px;
    height: 316px;
    padding: 0;
    background: url("../../images/indexcontentBg.jpg") no-repeat center top;
}

#index-content-header { /* cleaner para bajar el login */
    margin: 0 auto;
    height: 125px;
    width: 300px;
    padding: 0;
}

#login form {
    margin: 10px auto;
    padding: 25px;
    width: 60%;
    color: #303030;
    font: bold 12px sans-serif;
}
#login form a:link, a:visited {
    padding: 4px;
    border: none;
    color: #fff;
    background: #265ab2;
    vertical-align: central;
}
#login form a:link:hover {
    text-decoration: none;
}
#login img {cursor: help}
.center_content {
    margin-top: -12px;
    margin-bottom: -17px;
    height: auto;
    position: relative;
    padding: 5px;
}
#login .entrarBtn {
    cursor: pointer;
    padding: 3px;
    border: none;
    color: #fff;
    background: #265ab2;
    vertical-align: central;
}

/* prestamo */
#prestamo-content {margin: 0 auto;padding-top: 25px;height: 210px;}
#prestamo-content #libro-info {
    margin-left: 10px;
    width: 809px;
    height: 151px;
}
#libro-info #librobtn {
    z-index: 99;
    width: 59px;
    height: 25px;
    text-align: center;
    padding: 5px;
    border-left: 2px #3e71c7 solid;
    border-right: 2px #3e71c7 outset;
    border-top: 2px #3e71c7 outset;
    background: #265ab2;
}
#libro-info #librobtn:hover {background: #516dd6}

#librobtn ul, #librobtn li {
    width: 30px;
    height: 25px;
    padding: 5px;
    margin:-5px;
    list-style: none;
}

#librobtn a:link, #librobtn a:visited {
    display: block;
    padding: 5px;
    margin: -5px;
    width: 59px;
    height: 25px;
    font: bold 12px sans-serif;
    color: #fff;
}
#librobtn a:link:hover {
    text-decoration: none;
    width: 59px;
    height: 25px;
    color: #303030;
}
#librobuscar {
    float: left;
    height: 100px;
    top: -5px;
    padding-left: 10px; 
    padding-top: 10px;
    border: 2px #3e71c7 solid;
    background: #e4eaff;
}
#librobuscar .outputBuscar {font-size: 12px; color: blue;}

#librobuscar #libro-txt {
    padding-left: 10px;
    padding-left: 4px; font-size: 12px; color: #666;
    width: 230px; margin-top: 10px;
}
#librobuscar #libro-buscarbtn {
    font-size: 12px; color: #666;
}
#info-usuario {
    width: auto;
    height: 90px;
    float: right;
    padding: 10px;
    border-left: 1px #3e71c7 dotted;
}
#info-usuario p {color: #303030;}
#info-usuario p span {color: blue;}
#info-usuario input.OUT {color: #fff;font-weight: bold; border: none; background: #666}

.cleaner_h5 {clear: both; height: 5px;}

.docus-recup {
    font-weight: bold;
    float: right;
    margin-right: 80px;
    margin-top:-35px;
    color: #303030;
}
#libros-mate {
    display: none;
    margin: -15px auto;
    width: 90%;
    height: auto;
    background: green;
}
#libros-mate table {width: 100%;
                    /*    background: saddlebrown;*/
}
#libros-mate table thead {color: #fff;background: #265ab2;text-align: left}
#libros-mate table tbody {border: 1px #265ab2 solid;background: #fff;}
#libros-mate table tbody tr:hover {background: #fffbce;}
/* Fin libros-mate */

#libros-literatura {
    /*    display: none;*/
    margin: -15px auto;
    width: 90%;
    height: auto;
    background: green;
}
#libros-literatura table {width: 100%;
                          /*    background: saddlebrown;*/
}
#libros-literatura table thead {color: #fff;background: #265ab2;text-align: left}
#libros-literatura table tbody {border: 1px #265ab2 solid;background: #fff;}
#libros-literatura table tbody tr:hover {background: #fffbce;}
/* Fin libros-literatura */

#bottom {
    padding: 0;
    margin: 0;
    background: url("../../images/footer-outter.png") repeat-x center;
}
#footer {
    padding: 0;
    margin: 0 auto;
    margin-bottom: -4px;
    width: 907px;
    height: 84px;
    text-align: center;
    color: #666;
    background: url("../../images/footer.png") no-repeat center;
}

#footer a {font-weight: bold;color: #ccc;}
.footer_menu {padding-top: 20px;list-style: none;}
.footer_menu li {
    margin: 0 auto;
    padding: 0 20px;
    display: inline;
    border-right: 1px solid #aea68c;
}
.footer_menu a:link , a:visited {color: #fff;}
.footer_menu .last_menu {border: none;}

#redes_s {position:absolute;width:88px;height:22px;margin-left:690px;margin-top:25px;padding:0}
#redes_s img {
    opacity:0.4;
    filter:alpha(opacity=40); /* For IE8 and earlier */
}
#redes_s img:hover {
    opacity:1.0;
    filter:alpha(opacity=100); /* For IE8 and earlier */
}
/* end of footer */


.left_content {
    background-color: #dddddd;
    padding: 5px;
    margin-left: 170px;
}

.right_content {
    background-color: #dddddd;
    padding: 5px;
    margin: 0px 170px 0px 170px;
}


